<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/queries.css">
<link rel="stylesheet" href="css/etline-font.css">
<link rel="stylesheet" href="bower_components/animate.css/animate.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body id="top">
<section class="hero">
	<section class="navigation">
		<header>
			<div class="header-content">
				<div class="logo" ><a href="#" style="font-size: 28px;font-weight: bolder;">AG-Admin 3.0</a></div>
				<!-- <div class="header-nav">
					<nav>
						<ul class="primary-nav">
							<li><a href="#features">Features</a></li>
							<li><a href="#assets">Assets</a></li>
							<li><a href="#blog">Blog</a></li>
							<li><a href="#download">Download</a></li>
						</ul>
						<ul class="member-actions">
							<li><a href="#download" class="login">Log in</a></li>
							<li><a href="#download" class="btn-white btn-small">Sign up</a></li>
						</ul>
					</nav>
				</div> -->
				<div class="navicon">
					<a class="nav-toggle" href="#"><span></span></a>
				</div>
			</div>
		</header>
	</section>
	<div class="container">
		<div class="row">
			<div class="col-md-10 col-md-offset-1">
				<div class="hero-content text-center">
					<h1>基础模块  高效开发  项目利器!</h1>
					<p class="intro" style="text-align:-webkit-auto">AG-Admin是国内首个基于Spring Cloud微服务化开发平台，具有统一授权、认证后台管理系统，其中包含具备用户管理、资源权限管理、网关API管理等多个模块，支持多业务系统并行开发，可以作为后端服务的开发脚手架。代码简洁，架构清晰，适合学习和直接项目中使用。核心技术采用Eureka、Fegin、Ribbon、Zuul、Hystrix、JWT Token、Mybatis等主要框架和中间件，前端采用vue-element-admin组件。</p>
					<a href="https://gitee.com/geek_qi/ace-security" target="_blank" class="btn btn-fill btn-large btn-margin-right">开源版</a> <a href="#introduction" class="btn btn-accent btn-large">企业版</a>
				</div>
			</div>
		</div>
	</div>
	<div class="down-arrow floating-arrow"><a href="#"><i class="fa fa-angle-down"></i></a></div>
</section>
<section class="intro section-padding" id="introduction">
	<div class="container">
		<div class="row">
			<div class="col-md-4 intro-feature">
				<div class="intro-icon">
					<span data-icon="&#xe033;" class="icon"></span>
				</div>
				<div class="intro-content">
					<h5>基础模块</h5>
					<p>用户模块、权限模块、组织架构、数据字典、日志记录、文件管理、消息模块等基础模块。</p>
				</div>
			</div>
			<div class="col-md-4 intro-feature">
				<div class="intro-icon">
					<span data-icon="&#xe030;" class="icon"></span>
				</div>
				<div class="intro-content">
					<h5>高效开发</h5>
					<p>丰富的后端和前端组件，通用代码生成器，逆向工程一步到位增删改查！</p>
				</div>
			</div>
			<div class="col-md-4 intro-feature">
				<div class="intro-icon">
					<span data-icon="&#xe046;" class="icon"></span>
				</div>
				<div class="intro-content last">
					<h5>项目利器</h5>
					<p>更加关注业务细节，一步到位解决底层技术难题，加速业务和加速交付！</p>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- <section class="features-extra  section-padding" id="features">
	<div class="container">
		<div class="row">
			<div class="col-md-5 col-md-offset-7">
				<div class="feature-list">
					<h3>丰富的基础系统模块，漂亮的后端页面！</h3>

				</div>
			</div>
		</div>
	</div>
	<div class="ipad-wrap wp3"></div>
	<div class="responsive-feature-img"><img src="img/macbook-pro.png" alt="responsive devices"></div>
</section> -->
<section class="features-extra section-padding" id="assets">
	<div class="container">
		<div class="row">
			<div class="col-md-5">
				<div class="feature-list">
					<!-- <h2>AG-Admin 3.0</h2> -->
					<h3>丰富的基础系统模块，漂亮的后端页面！</h3>
					<p></p>
					<p><strong>基础功能模块</strong>，具有用户模块、权限模块、组织架构、数据字典、日志记录、文件管理、消息模块等基础模块。</p>
					<p><strong>基础运维模块</strong>，包含服务链路追踪、服务状态监控、日志分析与监控、服务失效告警。</p>
					<p><strong>网关模块</strong>，包含金丝雀、限流、灰度发布。</p>
					<p><strong>鉴权模块</strong>，包含Jwt用户认证、服务鉴权。</p>
					<a href="http://118.126.104.133" class="btn btn-ghost btn-accent btn-small">在线体验</a>
				</div>
			</div>
		</div>
	</div>
	<div class="macbook-wrap wp3"></div>
	<div class="responsive-feature-img"><img src="img/macbook-pro.png" alt="responsive devices"></div>
</section>

<!-- 
<section class="blog text-center">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-4">
				<article class="blog-post">
					<figure>
						<a href="img/blog-img-01.jpg" class="single_image">
							<div class="blog-img-wrap">
								<div class="overlay">
									<i class="fa fa-search"></i>
								</div>
								<img src="img/blog-img-01.jpg" alt="Sedna blog image"/>
							</div>
						</a>
						<figcaption>
						<h2><a href="#" class="blog-category" data-toggle="tooltip" data-placement="top" data-original-title="See more posts">Product</a></h2>
						<p><a href="#" class="blog-post-title">Getting started with Sedna <i class="fa fa-angle-right"></i></a></p>
						</figcaption>
					</figure>
				</article>
			</div>
			<div class="col-md-4">
				<article class="blog-post">
					<figure>
						<a href="img/blog-img-02.jpg" class="single_image">
							<div class="blog-img-wrap">
								<div class="overlay">
									<i class="fa fa-search"></i>
								</div>
								<img src="img/blog-img-02.jpg" alt="Sedna blog image"/>
							</div>
						</a>
						<figcaption>
						<h2><a href="#" class="blog-category" data-toggle="tooltip" data-placement="top" data-original-title="See more posts">Technology</a></h2>
						<p><a href="#" class="blog-post-title">Why IE8 support is deminishing <i class="fa fa-angle-right"></i></a></p>
						</figcaption>
					</figure>
				</article>
			</div>
			<div class="col-md-4">
				<article class="blog-post">
					<figure>
						<a href="img/blog-img-03.jpg" class="single_image">
							<div class="blog-img-wrap">
								<div class="overlay">
									<i class="fa fa-search"></i>
								</div>
								<img src="img/blog-img-03.jpg" class="single_image" alt="Sedna blog image"/>
							</div>
						</a>
						<figcaption>
						<h2><a href="#" class="blog-category" data-toggle="tooltip" data-placement="top" data-original-title="See more posts">Product</a></h2>
						<p><a href="#" class="blog-post-title">Sedna tutorial: How to begin your <i class="fa fa-angle-right"></i></a></p>
						</figcaption>
					</figure>
				</article>
			</div>
			<a href="#" class="btn btn-ghost btn-accent btn-small">More news</a>
		</div>
	</div>
</section> -->

<footer>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="footer-links">
					<!-- <ul class="footer-group"> -->
						<!-- <li><a href="#">Features</a></li>
						<li><a href="#">Pricing</a></li>
						<li><a href="#">Sign up</a></li> --><!-- 
						<li><a href="https://gitee.com/geek_qi/ace-security">AG-Admin v1.0</a></li>
						<li><a href="https://gitee.com/geek_qi/AG-Admin-v2.0">AG-Admin v2.0</a></li> -->
					<!-- </ul> -->
					<p style="text-align: -webkit-center;">Copyright © 2017 <a href="#">AG-Admin</a><br>
			
				</div>
			</div>
			<!-- <div class="social-share">
				<p>Share Sedna with your friends</p>
				<a href="http://sc.chinaz.com/moban/" class="twitter-share"><i class="fa fa-twitter"></i></a> <a href="#" class="facebook-share"><i class="fa fa-facebook"></i></a>
			</div> -->
		</div>
	</div>
</footer>
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="bower_components/retina.js/dist/retina.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="bower_components/classie/classie.js"></script>
<script src="bower_components/jquery-waypoints/lib/jquery.waypoints.min.js"></script>
</body>
</html>